@(user: User)(content: => Html)
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>@title</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="/public/stylesheets/bootstrap-main-2.3.0/bootstrap.min.css">
    <link rel="stylesheet" href="/public/stylesheets/bootstrap-main-2.3.0/bootstrap-responsive.min.css">
        <!-- <link rel="stylesheet" href="/public/stylesheets/main.css"> -->

    <script src="/public/javascripts/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    <script src="/public/javascripts/vendor/jquery-1.9.1.min.js"></script>
    <!--<script src="http://code.jquery.com/jquery-1.9.1.js"></script>-->

        <!--<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"></script></script>')   -->

    <script src="/public/javascripts/vendor/bootstrap.min.js"></script>

    <script src="/public/javascripts/main.js"></script>
</head>

<body>

        <!--[if lt IE 7]>
        <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
    <![endif]-->

        <!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->

    <div class="navbar navbar-static-top">
        <div class="navbar-inner" style=height:45px>
            <div class="container">
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li> <a href="@routes.Application.index" id="logo"><span>Leikur</span></a> </li>
                        <li> <a href="#" style="font-size:20px"> @user.name </a> </li>
                        <li> <a href="#" style="font-size:20px"> @user.email</a></li>
                        <li> <a href="#" style="font-size:20px">Viðvera</a> </li>
                        <li> <a href="#" style="font-size:20px">Stundatafla</a> </li>
                        <li> <a href="@routes.Application.logout()">Logout</a> </li>
                    </ul>
                </div> <!--/.nav-collapse -->
            </div>
        </div>
    </div>
        <!--content comes here -->
    <div id="main">
        @content
    </div>


</body>

</html>